<template>
  <div>
    <h1>自定义指令</h1>
    <!-- 自动获取焦点 -->
    <input type="text" v-focus >
    <h2 v-color="themeColoer">我是绑定了v-color的标签</h2>
  
    <button @click="themeColoer='blue'">{{ themeColoer }} </button>

  </div>
</template>

<script>
export default {
  data(){
    return {
    themeColoer:'red'  
    }
  },
  // 局部指令
directives:{
  'focus2':{
    inserted(el){
      el.focus()
    }
  }
}
  

}
</script>

<style>

</style>